// 受控表单

import { useState } from "react"

// react是一种偏向于原生js的框架，没有vue的v-model这些语法糖
// 如果我们想实现这种效果的话，就需要使用 value属性 + onChange事件   间接的实现双向绑定的效果
function App() {
  const [msg, setMsg] = useState('测试')
  // 想把js里面的值，赋值给页面，通过input的value属性

  const fn = (e) => {
    console.log(e.target.value);
    setMsg(e.target.value)
  }
  return (
    <input value={msg} onChange={(e) => fn(e)} />
  )
}

export default App